$(function () {

    // // 1 获取登录用户的信息
    // function getUserInfo() {
    //     $.ajax({
    //         url: "http://localhost:8080/api/v1/admin/user/info",
    //         // 请求头值传递 token
    //         headers: {
    //             Authorization: localStorage.getItem("token")
    //         },
    //         success(res) {
    //             $(".user_info img").prop("src", res.data.userPic);
    //             $(".user_center_link img").prop("src", res.data.userPic);
    //             $(".user_info span").text(res.data.nickname);
    //         }
    //     })
    // }
    // 1 获取登录用户的信息
    function getUserInfo() {
        $.get("/admin/user/info", function (res) {

            $(".user_info img").prop("src", res.data.userPic);

            $(".user_center_link img").prop("src", res.data.userPic);

            $(".user_info span").text(res.data.nickname);

        })

    }

    // 2 点击 退出按钮
    // 2.1 先绑定点击事件
    // 2.2 询问用户 是否要退出
    // 2.3 确定 退出  删除token
    // 2.4 跳转回登录页面 
    $(".logout").click(function () {
        // 2.2 询问用户 是否要退出
        layer.confirm('退出干嘛 不准退 😡', { title: '提示' }, function (index) {

            // 2.3 删除token
            localStorage.removeItem("token");
            // 2.4 跳转回登录页面 
            location.href = "login.html";
            // 关闭窗口
            layer.close(index);
        });


    })

    // 获取登录用户信息





    // 1.0 实现二级菜单展开和收缩和一级菜单箭头旋转
    function initMenuEvent() {
        $('.level01.l2').click(function () {
            // 1.0 获取挨近当前元素的下一个元素，利用slideToggle()就会自动实现将其展开和收缩
            $(this).next().slideToggle();

            // 2.0箭头样式存放在b元素中,找到b元素
            let b = $(this).find('b');
            if (b.hasClass('rotate0')) {
                // 设置三角向右
                b.removeClass('rotate0');
            } else {
                // 设置三角向下
                b.addClass('rotate0');
            }
        })
    }


    // 2.0 添加当前点击菜单为激活菜单 
    function setMenuActive() {
        $('.level01,.level02 li').click(function () {
            // 清除激活菜单
            $('.active').removeClass('active');
            // 添加当前点击菜单为激活菜单
            $(this).addClass('active');

        })
    }

    getUserInfo();

    initMenuEvent();

    setMenuActive();
})